<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>萌问合伙人</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/weuix.css"/>
    <link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.ico">
    <script src="/js/zepto.min.js"></script>
    <script src="/js/jquery-1.9.1.js"></script>
    <style>


/*新的*/
h4 {
    display: inline-block;
    margin-left: 20px;
    color: #fff;
}

.weui-avatar-circle {
    display: inline-block;
}

.weui-cell__bd span {
    margin-right: 30px;
}

.top-bg {
    background-color:  #027aff;
    height: 26%;
    padding: 30px;
    box-sizing: border-box;
}

body {
    background-color: rgba(230, 230, 230, 0.288);
}




.weui-cells {
    position: relative;
    top: -100px;
    width: 86%;
    margin: 0 auto;
    border-radius: 8px;
}

.weui-cells a {
    height: 40px;
}





.middle-page {
    position: relative;
    top: -100px;
    background-color: #fff;
    width: 86%;
    margin: 0 auto;
    border-radius: 8px;
}


.middle-page .get-pay {
    background-color: #f4edd6;
    line-height: 60px;
    border-radius: 8px 8px 0 0;

}


.get-pay .placeholder {
    margin-left: 6%;
}

.get-pay .quick-pay {
    margin-top: 20px;
    line-height: 24px;
    border-radius: 20px;
    font-size: 12px;
    float: right;
    margin-right: 6%;
    background-color: #bb9b52;
}


.data-show {
    font-weight: 300;
    color: rgb(14, 13, 13);
    text-align: center;
    padding: 10%;
    margin-bottom: 5%;
    box-sizing: border-box;
}

.data-show span {
    margin-top: 4%;
    font-weight: 700;
    font-size: 20px;
    color: black;
    line-height: 40px;
}


.headimg {
    border: #fff solid 3px;
    border-radius: 50%;
}

.weui-cell__ft {
    font-size: 10px;
    height: 20px;
}

.￥ {
    color: #bb9b52;
    display: inline-block;
    /* margin-top: 20px; */
    height: 30px;
    width: 24px;
    margin-bottom: -2px;
    font-family: '微软雅黑';
    font-size: 24px;
    line-height: 40px;
    background: url("/img/partner_page_ico.png");
    background-size: 1200%;
    background-position: 5px 14px;

}



       
    </style>
</head>
<body>
    <div class="top-bg">
       <div class="weui-avatar-circle">
               <img class="headimg" th:src="${partner.getHeadimgurl()}">
           </div>
               <h4 th:text="${partner.getNickname()}">合伙人王建国</h4>
    </div>
       
          
    

    <div class="middle-page">
        <div class="weui-flex">
            <div class="weui-flex__item get-pay">
                <div class="placeholder">
                    可提现<span><i class="￥"></i><span th:text="${partner.getMoney()}">100</span></span>
                    <a id="transfers" href="javascript:;" class="weui-btn bg-orange quick-pay">立即提现</a>
                </div>
            </div>
            </div>


            <div class="weui-flex data-show">
                <div class="weui-flex__item">
                    <div class="placeholder">团队人数</div>
                    <span><span th:text="${partner.getTeammateCount()}">50</span>人</span>
                </div>
                <div class="weui-flex__item ">
                    <div class="placeholder">已发布问卷</div>
                    <span><span th:text="${partner.getPublishCount()}">100</span>份</span>
                </div>
            </div>
    </div>
  


  






    <div class="weui-cells">
            <a id="to_send" class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
              <p><span class="icon icon-80"></span>发送通知</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p id="getcode"><span class="icon icon-25"></span>邀请二维码</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
           
        </div>


    <form id="getCodeForm" method="post" action="/share">
        <input  name="partner_token" type="hidden" th:value="${partnerToken}">
    <input id="openid" name="openid" type="hidden" th:value="${partner.getUnionid()}">
    </form>

    <form id="transfersFrom" method="post" action="/transfers">
        <input  name="partner_token" type="hidden" th:value="${partnerToken}">
        <input  name="partner_money" type="hidden" th:value="${partner.getMoney()}">
    </form>

    <!--保存token-->
    <form id="save_token" method="post" action="/to_send_page">
        <input  name="partner_token" type="hidden" th:value="${partnerToken}">
    </form>

        <script>

            $("#to_send").click(
                function (e) {
                    $("#save_token").submit();
                }
            );


            $("#getcode").click(
                function (e) {
                        $("#getCodeForm").submit();
                   }
            );

            $("#transfers").click(
                function(){
                    $("#transfersFrom").submit()
                }

            );
        </script>
</body>
</html>